<template>
    <div id="tmpl">
        <div class="title">
            <h4 v-text="info.title"></h4>
            <p>{{info.add_time | datefmt('YYYY-MM-DD HH:mm:ss'}}{{info.click}}次</p>
        </div>
        <div class="content">
            内容
        </div>
    </div>
</template>
<script>
    import { Toast } from 'mint-ui';
    import common fron '../../kits/common.js';
    export default {
        data()
    {
        return {
                id:0,
                info:{}
                }
    }
    ,
    created()
    {
        this.id = this.$route.params.id;
        this.getinfo();
    }
    ,
    methods:{
        getinfo()
        {
            var url = 'http://vue.studyit.io/api/getnew/'+this.id;
            this.$http.get(url).then(function (response) {
                if (response.body.status != 0) {
                    Toast(response.body.message);
                    return;
                }
                this.info =response.body.message[0];
            })
        }
    }
    }

</script>
<style scoped>
    .title h4{
        color:#007aff;
    }
    .title p{
        color:rgba(0, 0, 0, 0.5);
    }
    .content{
    }
</style>